@preView: email-filepreview;
.@{preView} {
  height: 100%;
  position: relative;
  .ant-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  &-noRight {
    height: 100%;
    &-msg {
      font-size: 24px;
    }
  }

  &-downloadBtn {
    margin-right: 30px;
  }

  &-content, &-content-container {
    height: 100%;
    position: relative;
    background: #fff;
  }
  &-content {
    &-waring {
      text-align: center;
      font-size: 24px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    &-image {
      height: 100%;
      text-align: center;
      vertical-align: middle;
      background: #fff;
      position: relative;
      >img {
        max-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
    &-file {
      height: 100%;
      overflow: hidden;
      .emailFile-iframe {
        height: 100%;
        width: 100%;
        border: 0;
      }
    }
  }
} 